
const _interopRequireDefault = require('@babel/runtime/helpers/interopRequireDefault');

exports.__esModule = true;
exports.PortalMixin = PortalMixin;

const _vue = _interopRequireDefault(require('vue'));

function getElement(selector) {
  if (typeof selector === 'string') {
    return document.querySelector(selector);
  }

  return selector();
}

function PortalMixin(_ref) {
  const { ref } = _ref;
  const { afterPortal } = _ref;
  return _vue.default.extend({
    props: {
      getContainer: [String, Function],
    },
    watch: {
      getContainer: 'portal',
    },
    mounted: function mounted() {
      if (this.getContainer) {
        this.portal();
      }
    },
    methods: {
      portal: function portal() {
        const { getContainer } = this;
        const el = ref ? this.$refs[ref] : this.$el;
        let container;

        if (getContainer) {
          container = getElement(getContainer);
        } else if (this.$parent) {
          container = this.$parent.$el;
        }

        if (container && container !== el.parentNode) {
          container.appendChild(el);
        }

        if (afterPortal) {
          afterPortal.call(this);
        }
      },
    },
  });
}
